<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!-- VERSION DE HTML5 -->
<!DOCTYPE html>

<html lang="es">
	<!-- CONFIGURACION DE LA PAGINA WEB ACTUAL -->
	<head>
		<!-- GENERAL's -->
		<title>Proyecto Sistema Entretenimiento</title>

		<!-- META's -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">

		<!-- LINK's -->
		<link type="text/css" rel="stylesheet" href="resources/css/bootstrap.min.css">
		<link type="text/css" rel="stylesheet" href="resources/css/styles-general.css">
	</head>

	<!-- CONTENIDO DE LA PAGINA WEB ACTUAL -->
	<body>
		<div class="container">	
		<div id="loginbox" style="margin-top:50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
		<div class="panel panel-info" >
		<!-- ENCABEZADO -->
		<div class="panel-heading">
			<div class="panel-title">Ingresar</div>
			<div style="float:right; font-size: 80%; position: relative; top:-10px"><a href="PersonaCargar_Servlet">Registrar</a></div>
		</div>
	
		<!-- CUERPO DE PAGINA -->
		<div style="padding-top:30px" class="panel-body" >
		
				<form id="loginform" class="form-horizontal" role="form" action="IniciarSesion_Serlvet" method="post">
				
					<div style="margin-bottom: 25px" class="input-group">
						<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
		  				<input type="email" class="form-control" name="usuario" id="usuario" placeholder="email@email.com"  value="${usuario }"required>		  				
					</div>
					
					<div style="margin-bottom: 25px" class="input-group">
		  				<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
		  				<input type="password" class="form-control" name="contrasena" id="contrasena" placeholder="Ingrese su password" required>
		  				
					</div>
					
					<button type="submit" class="btn btn-success">Inciar Sesión</button>
					<span class="error">					
						<c:if test="${not empty error }">
							<c:out value="${error }"/>
						</c:if>
					</span>
					
				</form>

			<div class="col-xs-4">&nbsp;</div>
	
			</div>
			</div>
		</div>
	</div>

		<!-- SCRIPT's -->
		<script type="text/javascript" src="resources/js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="resources/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="resources/js/scripts-general.js"></script>
	</body>
</html>